<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
<div style="border: green solid; position: relative; left: 100px; top: 0px;">
<a href="http://html.xamjwg.org">relative</a><br> box
<img src="test1.gif" style="position: absolute; left: 50px; top: 5px;">
</div>
blah<br>
blah<br>
blah<br>
blah<br>
blah<br>
<center>
	<table width="400" height="100" border="1">
	<tr><td>
	blah<br>
	blah<br>
	blah<br>
	<div id="outer" style="border: blue solid; position: absolute; width: 80%; height: 50%; left: 60px; top: 50px; background: magenta; margin: 20px;">
	div absolutely positioned in table 400x300.
	width 50%, height 50%, left 50px, top 50px.
	  <div id="inner" style="border: solid; position: absolute; left: 70px; top: 10px; width: 100px; height: 50px;">
      <a href="http://html.xamjwg.org">abs</a> in abs.
      </div>	   
	</div>
	</td></tr>
	</table>

        <table border="3" style="position: absolute; left: 10px; top: 200px; width: 100px; height: 100px; border: green solid 2px;">
        <tr>
        <td>1</td>
        <td>2
	   <img src="test1.gif" style="position: absolute; left: 10px; top: 10px;">
        </td>
        </tr>
        </table>
</center>
</BODY>
</HTML>

<!-- NOTES:
     - Firefox width percent is applied using the effective parent's width, not the original parent.
     - IE uses the original parent.
	 - absolute positioning crosses tables.     
-->     
